<nz-card nzSize="small" [nzBordered]="true">
  <div class="title">
    按钮触发器<i nz-icon nzType="plus" nz-tooltip nzTooltipTitle="向此链接添加按钮触发器" nzTooltipPlacement="left"
      (click)="addBtnTrigger()"></i>
  </div>

  <nz-table nzTemplateMode nzBordered="true" nzSize="small">
    <thead>
      <tr>
        <th nzAlign="center">按钮名称</th>
        <th nzAlign="center">状态</th>
        <th nzAlign="center"> 操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of triggerBtnList">
        <td nzAlign="center">{{data.value}}</td>
        <td nzAlign="center">{{data.allot?'已分配':'未分配'}}</td>
        <td nzAlign="center">
          <a nz-button nzType="link" (click)="deleteBtnTrigger(data)">删除</a>
        </td>
      </tr>
    </tbody>
  </nz-table>

</nz-card>
<nz-card nzSize="small" [nzBordered]="true">
  <div class="title">
    语音命令<i nz-icon nzType="plus" nz-tooltip nzTooltipTitle="向此链接添加语音触发器" nzTooltipPlacement="left"
      (click)="addVoiceTrigger()"></i>
  </div>

  <nz-table nzTemplateMode nzBordered="true" nzSize="small">
    <thead>
      <tr>
        <th nzAlign="center">语音指令</th>
        <th nzAlign="center">操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of triggerVoiceList">
        <td nzAlign="center">{{data.value}}</td>
        <td nzAlign="center">
          <a *ngIf="data.from==='voice'" nz-button nzType="link"
            (click)="editVoiceTrigger(data)">编辑</a>
          <a *ngIf="data.from==='voice'" nz-button nzType="link"
            (click)="deleteVoiceTrigger(data)">删除</a>
          <i *ngIf="data.from==='btn'" nz-icon nzType="info-circle" nzTheme="outline" nz-tooltip
            nzTooltipTitle="此语音命令因添加按钮触发器自动添加" nzTooltipPlacement="left"></i>
        </td>
      </tr>
    </tbody>
  </nz-table>

</nz-card>
